<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
    <script src="bootstrap/js/jquery-3.3.1.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <title>Document</title>
    <style>
            [class^="col"]{
                border: 1px solid #333;
                height: 300px;
                width: 300px;
                background-image: url("img/down.jpg");
          
            }
            
            </style>
</head>
<body>
        <div class="container">
       
                <div class="row">
                    
                    <div class="col-md-3 col-md-offset-3">
        
                        </div>
                    <div class="col-md-3 hidden-xs">
                                shoujixiaoshi
                        </div>
        
                </div>
            </div>
</body>
</html>